<template>
    <div>
        <!--路由 -->
        <router-view/>
        <!-- 消息推送 -->
        <messageBox></messageBox>
        <!-- 网站版权 -->
        <index_bottom></index_bottom>
        <!--音乐播放器 -->
        <music></music>
    </div>
</template>
<script>
import messageBox from './blog/user/children/messageBox'
import music from './blog/music/music'
import index_bottom from './blog/index/index_bottom'
export default {
    data(){
        return {}
    },
    components:{
        messageBox,
        music,
        index_bottom
    }
}
</script>

<style>
/* 设置滚动条的样式 */
body::-webkit-scrollbar {
    width:5px;
    background-color: white;
}

/* 滚动槽 */
body::-webkit-scrollbar-track {
    border-radius:10px;
}

/* 滚动条滑块 */
body::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:#6f00fd;
}
@media screen and (max-width: 500px){
    .lyrics-box{
        width: 300px !important;
    }
    .playlist-box{
        width: 300px !important;
    }
}
</style>